<template>
    <div v-drag="{ axis: 'x', handle: '#someElement' }" style="width: 500px; height: 500px; border: solid 1px;">
        <div id="someElement">Handle</div>
    </div>
</template>

<script>
// import VueDragResize from 'vue-drag-resize';

// export default {
//     name: 'app',

//     components: {
//         VueDragResize
//     },

//     data() {
//         return {
//             width: 0,
//             height: 0,
//             top: 0,
//             left: 0
//         }
//     },

//     methods: {
//         resize(newRect) {
//             this.width = newRect.width;
//             this.height = newRect.height;
//             this.top = newRect.top;
//             this.left = newRect.left;
//         }
//     }
// }
</script>